<template>
    <div class="contentleft" :style="{ width:width+'px' }">
        <InfoCollection></InfoCollection>
        <PerceiveDeviceInfo></PerceiveDeviceInfo>
        <RiskAssessment></RiskAssessment>
    </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import InfoCollection from './InfoCollection.vue';
import PerceiveDeviceInfo from './PerceiveDeviceInfo.vue';
import RiskAssessment from "./RiskAssessment.vue";
//接收父组件传过来的值
const props = defineProps({
  width: Number
})
</script>

<style lang="less" scoped>
.contentleft{
    box-sizing: border-box;
    padding: 0 0 0 23px;
}
</style>
